<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>响应式</title>
    <style>
        .box{

        }
        .box .main p{
            color:#999;
            line-height:35px;
            padding:20px;
        }
        .box .con .left,.box .con .right{
            
        }
        .left{
            float: left;
        }
        .right{
            float: right;
        }
        .clearfix{
            
        }
    </style>
</head>
<body>
<div class="box">
    <header></header>
    <section class="con clearfix">
        <div class="left">
            <h3>Latest Project</h3>
            <p>	用webpack打包项目的时候，一般喜欢把一些公用的库打包的vendor.js里面，比如像react，react-router，redux等。
                随着引入的库越来越多，vendor文件也变得越来越大，于是考虑打包成两个vendor，把和react相关的库打包成一个vendor，其他的库打包成另外一个vendor。按照webpack的文档开始配置，需要注意有两个比较坑的地方。
                参考配置：
                ...
                entry: {
                "vendor1": ["react", "react-dom", "react-router", "react-router-redux", "react-redux", "redux"],
                "vendor2": ["crypto-js", "fastclick"],
                "app": "./js/index.js"
                },
                ...
                plugins: [
                new webpack.optimize.CommonsChunkPlugin({
                names: ["vendor2","vendor1"],
                minChunks: Infinity
                })
                ]</p>
            <p>	用webpack打包项目的时候，一般喜欢把一些公用的库打包的vendor.js里面，比如像react，react-router，redux等。
                随着引入的库越来越多，vendor文件也变得越来越大，于是考虑打包成两个vendor，把和react相关的库打包成一个vendor，其他的库打包成另外一个vendor。按照webpack的文档开始配置，需要注意有两个比较坑的地方。
                参考配置：
                ...
                entry: {
                "vendor1": ["react", "react-dom", "react-router", "react-router-redux", "react-redux", "redux"],
                "vendor2": ["crypto-js", "fastclick"],
                "app": "./js/index.js"
                },
                ...
                plugins: [
                new webpack.optimize.CommonsChunkPlugin({
                names: ["vendor2","vendor1"],
                minChunks: Infinity
                })
                ],</p>
        </div>
        <div class="right">2</div>
    </section>
    <section></section>
</div>
</body>
</html>